html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }


code {
  font-family: "Consolas", "Monaco", monospace;
  font-weight: normal; }



/*pre {
  overflow: scroll;
  background: #EEE;
  padding: 10px; }
pre .support.tag {
  color: #008; }
pre .support.attribute {
  color: #800; }
pre .string.value {
  color: #080; }*/

/*.formats .format {
  display: inline-block; }


.fork {
  position: absolute;
  top: 0;
  left: 0;
  border: 0; }*/




.DragList {
  position: relative;
  overflow:hidden;
}
  .DragList .brick {
    opacity: 1;
    cursor: pointer;
    position: relative;
  }
    .DragList .brick .delete {
      display: block;
      color: #FFF;
      background: rgba(255, 255, 255, 0.2);
      width: 40px;
      height: 40px;
      top: 0;
      right: 0;
      position: absolute;
      text-align: center;
      line-height: 40px;
    }
    .DragList .brick.small {
    width: 120px;
    height: 120px; }
    .DragList .brick.large {
      width: 300px;
      height: 300px; 
    }
    .DragList .brick.dragging {
      opacity: 0.8; }
    /*.DragList .brick:nth-child(20n + 1) {
        background-size:120px 120px; 
        }
    .DragList .brick:nth-child(20n + 2) {
      background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 3) {
      background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 4) {
      background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 5) {
      background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 6) {
      background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 7) {
     background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 8) {
      background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 9) {
     background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 10) {
     background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 11) {
     background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 12) {
      background-size:120px 120px; 
        }
    .DragList .brick:nth-child(20n + 13) {
      background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 14) {
      background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 15) {
      background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 16) {
      background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 17) {
      background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 18) {
     background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 19) {
      background-size:120px 120px; 
         }
    .DragList .brick:nth-child(20n + 20) {
      background-size:120px 120px; 
         }*/
